:root {
  --el-aside-width: auto;
  $family-m: STHeitiSC-Medium, STHeitiSC;
  $family-l: STHeitiSC-Light, STHeitiSC;
  /* 色系 */
  --main-color: #1890ff; // 主题色
  --title-color: #33302d; // 标题色
  --assist-color: #969696; // 辅助色
  --desalt-color: #f9f9f9; // 淡色
  --active-color: #0433ff; // 反差色
  --active-desalt-color: #fffaf9; // 反差淡色

  --el-color-primary: #0433ff;

  /* 文字字体 */
  --text-family-m: $family-m;
  --text-family-l: $family-l;

  /* 按钮 */
  --btn-file-bgcolor: #f9f9f9;

  /* 边框 */
  --border-normal: 1px solid #eaeaea;
  --border-active: 1px solid #0433ff;
  --border-color: #eaeaea; // 边框颜色

  /* 表单 */
  --form-bgcolor: #f9f9f9;
  /* 列表 */
  --tabel-text-color: #333333;
  --tabel-text-color-l: #585858;
  --tabel-cell-bgcolor: #f8f8f8;
  --tabel-text-family-m: $family-m;
  --tabel-text-family-l: $family-l;
}
.el-card {
  border: none !important;
}

.el-header {
  --el-header-padding: 0px;
}
.el-button:not(.el-button--small) {
  min-height: auto;
  // height: 36px;
  padding: 0 12px;
  // line-height: 1.5;
}

/* Search表单 */
.zw-search-form {
  padding: 16px;
  background-color: var(--form-bgcolor);
  .el-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    .el-col {
      margin: 8px 0;
      &:last-of-type {
        flex: auto;
        text-align: right;
      }
      .el-form-item.buttons .el-form-item__content {
        justify-content: flex-end;
      }
      .el-form-item {
        width: 100%;
        margin-bottom: 0;

        .el-form-item__label-wrap {
          .el-form-item__label {
            font-size: 14px;
            font-family: STHeitiSC-Light, STHeitiSC;
            font-weight: 300;
            color: #33302d;
          }
        }

        .el-form-item__content {
          .el-input,
          .el-select,
          .el-date-editor {
            width: 100%;
          }
        }
      }
    }
  }
}
/* 新增From表单 */
.zw-create-from {
  .el-form-item {
    width: 100%;
    margin-bottom: 24px;
    .el-form-item__label {
      color: var(--title-color);
      font-family: var(--tabel-text-family-l);
      font-size: 14px;
    }
    .el-form-item__content {
      .el-input,
      .el-select,
      .el-date-editor,
      .el-radio-group,
      .el-cascader {
        width: 100%;
      }
    }
  }
}

/* Table列表 */
.zw-table.el-table {
  color: var(--tabel-text-color);
  font-size: 14px;
  border: 1px solid var(--border-color);
  border-bottom: 0;

  .el-table__header tr {
    th {
      font-weight: 500;
      font-family: var(--tabel-text-family-m);
      color: var(--tabel-text-color);
      background-color: var(--tabel-cell-bgcolor);
    }
  }
  .el-table__body {
    font-weight: 300;
    font-family: var(--tabel-text-family-l);
  }
}

/* 抽屉 */
// .zw-drawer.el-drawer {
.el-drawer {
  .el-drawer__header {
    padding: 20px 24px;
    margin-bottom: 0;
    font-size: 16px;
    color: var(--title-color);
    font-weight: 500;
    font-family: var(--tabel-text-family-m);
    border-bottom: 1px solid var(--border-color);
  }
  .el-drawer__footer {
    border-top: 1px solid var(--border-color);
  }
}

// 表单弹出框
.zw-table-scope-popover {
  width: auto !important;
  max-width: 400px;
  max-height: 400px;
  overflow-y: scroll;
}

.el-pagination {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  .el-pagination__sizes {
    margin-left: 10px;
    margin-right: 0;
  }
}
